<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="lz">
    <title></title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="shouye.css">
    <link rel="stylesheet" href="yejiao.css">
    <style>
       body{
           background-color: #eee;
       }
    </style>
</head>

<body>
    <header>
        <div>
            <img src="首页0/logo_e6453b2.png" alt="">
            <input type="text" placeholder="搜索商品名称">
            <span>登录</span>
        </div>
    </header>

    <!--轮播图-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">



        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="首页/images/banner01.jpg" class="lbimg" alt="...">
                <div class="carousel-caption">

                </div>
            </div>
            <div class="item">
                <img src="首页/images/banner02.jpg" class="lbimg" alt="...">
                <div class="carousel-caption">

                </div>
            </div>
        </div>
    </div>
    </div>
    <!--商城早报-->
    <section class="sczb">
        <div>
            <span><img src="首页0/sczb_ed0a4af.png" alt=""></span>
            <span>一个热水壶的内涵修养</span>
        </div>
    </section>
    <!--块一-->
    <section class="k1">
        <img src="首页/images/center01.png" alt="">
        <div>
            <img src="首页/images/by9.jpg" alt="">
            <img src="首页/images/air.jpg" alt="">
        </div>
    </section>
    <!--快二 明星单品-->
    <section class="mxdp">
        <div>
            <img src="首页/images/banner03.jpg" alt="">
        </div>
    </section>
    <!--块三 -->
    <section class="k3">
        <div class="ct">
            <img src="首页/images/002d9969-f5a5-24d2-689a-8923add57835.jpg" alt="">
            <div class="spjs">
                <h4>USB便携插头</h4>
                <span>户外 便携 美观</span>
                <span><sup>￥</sup>230</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/7843ec3d-548e-5171-38ac-76ed74c14972.jpg" alt="">
            <div class="spjs">
                <h4>小米手环2</h4>
                <span>LED显示频 触摸操作</span>
                <span><sup>￥</sup>149</span>
            </div>
        </div>
    </section>
    <section class="k3">
        <div class="ct">
            <img src="首页/images/4d44e791-4ed2-adba-404b-333b46762490.jpg" alt="">
            <div class="spjs">
                <h4>米兔玩偶</h4>
                <span>家居 内饰 美观</span>
                <span><sup>￥</sup>50</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/9d2682f2-ecd5-3859-a9f4-e389871b2136.jpg" alt="">
            <div class="spjs">
                <h4>米兔玩偶</h4>
                <span>女生 家居 可爱</span>
                <span><sup>￥</sup>69</span>
            </div>
        </div>
    </section>
    <section class="k3">
        <div class="ct">
            <img src="首页/images/72ca0490-3a57-0f78-c5fe-624cf8cb6bb4.jpg" alt="">
            <div class="spjs">
                <h4>小米note（金）</h4>
                <span>金属边框 土豪金</span>
                <span><sup>￥</sup>990</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/4879ccb8-4fbe-25a4-332d-c0e68d96cb75.jpg" alt="">
            <div class="spjs">
                <h4>变形金刚</h4>
                <span>限量 手办</span>
                <span><sup>￥</sup>349</span>
            </div>
        </div>
    </section>
    <!--块四-->
    <section class="xpsx">
        <span>新品上线</span>
        <div>
            <img src="首页/images/phone2.jpg" alt="">
        </div>
    </section>
    <!--同快三-->
    <section class="k3">
        <div class="ct">
            <img src="首页/images/6151c04a-1ef9-3118-625b-edefc0b1c1cc.jpg" alt="">
            <div class="spjs">
                <h4>USB摄像头</h4>
                <span>高清 坐台</span>
                <span><sup>￥</sup>260</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/a869e6c7-a942-6598-5a46-b58705fc5eb5.jpg" alt="">
            <div class="spjs">
                <h4>小米电水壶</h4>
                <span>LED显示频 陶瓷壶盖</span>
                <span><sup>￥</sup>179</span>
            </div>
        </div>
    </section>
    <section class="k3">
        <div class="ct">
            <img src="首页/images/air.jpg" alt="">
            <div class="spjs">
                <h4>小米净化器</h4>
                <span>室内 净化 美观</span>
                <span><sup>￥</sup>430</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/by1.jpg" alt="">
            <div class="spjs">
                <h4>小米单车</h4>
                <span>高度避震 轻便 折叠</span>
                <span><sup>￥</sup>889</span>
            </div>
        </div>
    </section>
    <section class="k3">
        <div class="ct">
            <img src="首页/images/box2.jpg" alt="">
            <div class="spjs">
                <h4>小米路由器</h4>
                <span>300M 便捷</span>
                <span><sup>￥</sup>230</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/box3.jpg" alt="">
            <div class="spjs">
                <h4>小米WiFi</h4>
                <span>超强信号 500M</span>
                <span><sup>￥</sup>589</span>
            </div>
        </div>
    </section>
    <!--更多新品-->
    <section class="gdxp">
        <div>更多新品&gt</div>
    </section>

    <!--块四-->
    <section class="xpsx">
        <span style="color:orangered;">米家智能</span>
<div>
    <img src="首页/images/db7bc4da-ec46-6475-e543-96c6052d55fd.jpg" alt="">
</div>
</section>

<section class="k3">
    <div class="ct">
        <img src="首页/images/center01.png" alt="">
    </div>
    <div class="sh mt">
        <div class="spjs">
            <h4>红米3S</h4>
            <span>大电量 长续航</span>
            <span><sup>￥</sup>699</span>
        </div>
    </div>
</section>
<section class="k3">
    <div class="ct  mt">
        <div class="spjs">
            <h4>红米3X</h4>
            <span>金属机身</span>
            <span><sup>￥</sup>799</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/center02.png" alt="">
    </div>
</section>
<section class="k3">
    <div class="ct">
        <img src="首页/images/center03.png" alt="">
    </div>
    <div class="sh mt">
        <div class="spjs">
            <h4>红米note3</h4>
            <span>金属机身</span>
            <span><sup>￥</sup>899</span>
        </div>
    </div>
</section>
<section class="gdxp">
    <div>更多米家智能商品&gt</div>
</section>

<!--仿块3-->
<section class="k3">
    <div class="ct">
        <img src="首页/images/phone2.jpg" alt="">
        <div class="spjs ys2">
            <h4>学习办公</h4>
            <span>听说学霸都喜欢这些装备</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/T1mvb_ByAv1RXrhCrK.jpg" alt="">
        <div class="spjs ys1">
            <h4>潮流酷玩</h4>
            <span>体验科技乐趣</span>
        </div>
    </div>
</section>
<section class="k3">
    <div class="ct">
        <img src="首页/images/db7bc4da-ec46-6475-e543-96c6052d55fd.jpg" alt="">
        <div class="spjs ys1">
            <h4>关爱父母</h4>
            <span>爸妈 健康心里有数</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/T1alVjBQCT1RXrhCrK.jpg" alt="">
        <div class="spjs ys2">
            <h4>音乐发烧</h4>
            <span>音乐会半的听觉体验</span>
        </div>
    </div>
</section>
<section class="k3">
    <div class="ct">
        <img src="首页/images/phone11.jpg" alt="">
        <div class="spjs ys2">
            <h4>新家必备</h4>
            <span>新的家 新的你</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/phone14.jpg" alt="">
        <div class="spjs ys1">
            <h4>智能家庭</h4>
            <span>全家的遥控器</span>
        </div>
    </div>
</section>
<!--猜你喜欢-->
<section class="cnxh">
    <img src="首页0/e95ade2750a7fde92369b416c7d3176d.jpg" alt="">
</section>
<!--品质生活-->
<section class="pzsh" id="pzsh">
    <div>品质生活</div>
    <img src="首页/images/7843ec3d-548e-5171-38ac-76ed74c14972.jpg" alt="">
    <div><span>小米手环2</span>
        <span><sup>￥</sup>149</span></div>
    <div>LED显示频 触摸控制 升级计步算法</div>
</section>
<!--块4-->
<section class="k4">
    <div>
        <img src="首页/images/center06.png" alt="">
        <div>VR眼睛</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/T1PLJgB_dT1RXrhCrK.jpg" alt="">
        <div>彩虹5号电池</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<section class="k42">
    <div>
        <img src="首页/images/phone10.jpg" alt="">
        <div>VR眼睛</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/center05.png" alt="">
        <div>彩虹5号电池</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<!--职场白领-->
<section class="zcbl">
    <h4>职场白领</h4>
    <section class="k3">
        <div class="ct">
            <img src="首页/images/002d9969-f5a5-24d2-689a-8923add57835.jpg" alt="">
            <div class="spjs">
                <h4>USB便携插头</h4>
                <span>户外 便携 美观</span>
                <span><sup>￥</sup>230</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/7843ec3d-548e-5171-38ac-76ed74c14972.jpg" alt="">
            <div class="spjs">
                <h4>小米手环2</h4>
                <span>LED显示频 触摸操作</span>
                <span><sup>￥</sup>149</span>
            </div>
        </div>
    </section>
    <section class="k3">
        <div class="ct">
            <img src="首页/images/72ca0490-3a57-0f78-c5fe-624cf8cb6bb4.jpg" alt="">
            <div class="spjs">
                <h4>小米note（金）</h4>
                <span>金属边框 土豪金</span>
                <span><sup>￥</sup>990</span>
            </div>
        </div>
        <div class="sh">
            <img src="首页/images/4879ccb8-4fbe-25a4-332d-c0e68d96cb75.jpg" alt="">
            <div class="spjs">
                <h4>变形金刚</h4>
                <span>限量 手办</span>
                <span><sup>￥</sup>349</span>
            </div>
        </div>
    </section>
</section>
<!--长假游玩-->
<section class="pzsh" id="pzsh">
    <div>长假游玩</div>
    <img src="首页/images/T1q3A_Bgbv1RXrhCrK.jpg" alt="">
    <div><span>小米手环2</span>
        <span><sup>￥</sup>149</span></div>
    <div>LED显示频 触摸控制 升级计步算法</div>
</section>
<section class="k4">
    <div>
        <img src="首页/images/center06.png" alt="">
        <div>VR眼睛</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/T1PLJgB_dT1RXrhCrK.jpg" alt="">
        <div>彩虹5号电池</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<section class="k4">
    <div>
        <img src="首页/images/center02.png" alt="">
        <div>红米3X</div>
        <div class="jiage"><sup>￥</sup>999</div>
    </div>
    <div>
        <img src="首页/images/T1ykA_By__1RXrhCrK.jpg" alt="">
        <div>小米青春耳机</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
</section>
<!--周末游-->
<section class="pzsh" id="pzsh">
    <div>周末游</div>
</section>
<section class="k4">
    <div>
        <img src="首页/images/center06.png" alt="">
        <div>VR眼睛</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/T1PLJgB_dT1RXrhCrK.jpg" alt="">
        <div>彩虹5号电池</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<section class="k42">
    <div>
        <img src="首页/images/phone10.jpg" alt="">
        <div>VR眼睛</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/center05.png" alt="">
        <div>彩虹5号电池</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<section class="pzsh" id="pzsh">
    <img src="首页/images/T1q3A_Bgbv1RXrhCrK.jpg" alt="">
    <div><span>小米手环2</span>
        <span><sup>￥</sup>149</span></div>
    <div>LED显示频 触摸控制 升级计步算法</div>
</section>
<!--新家必备-->
<section class="pzsh" id="pzsh">
    <div>新家必备</div>
    <img src="首页/images/phone10.jpg" alt="">
    <div><span>小米电视</span>
        <span><sup>￥</sup>6149</span></div>
    <div>全高清显示屏 更加绚丽的色彩对比</div>
</section>
<section class="k3">
    <div class="ct">
        <img src="首页/images/air.jpg" alt="">
        <div class="spjs">
            <h4>小米净化器</h4>
            <span>室内 净化 美观</span>
            <span><sup>￥</sup>430</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/by1.jpg" alt="">
        <div class="spjs">
            <h4>小米单车</h4>
            <span>高度避震 轻便 折叠</span>
            <span><sup>￥</sup>889</span>
        </div>
    </div>
</section>
<!--女神最爱-->
<section class="pzsh" id="pzsh">
    <div>女神最爱</div>
</section>
<section class="k4">
    <div>
        <img src="首页/images/center06.png" alt="">
        <div>VR眼睛</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/T1PLJgB_dT1RXrhCrK.jpg" alt="">
        <div>彩虹5号电池</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<section class="k42">
    <div>
        <img src="首页/images/phone10.jpg" alt="">
        <div>小米彩电</div>
        <div class="jiage"><sup>￥</sup>5559</div>
    </div>
    <div>
        <img src="首页/images/center05.png" alt="">
        <div>小米max</div>
        <div class="jiage"><sup>￥</sup>1299</div>
    </div>
</section>
<!--手机好伴侣-->
<section class="pzsh" id="pzsh">
    <div>手机好伴侣</div>
    <img src="首页/images/T1vrh_BsCT1RXrhCrK.jpg" alt="">
    <div><span>蓝牙耳机</span>
        <span><sup>￥</sup>149</span></div>
    <div>稳定信号 紧扣防丢</div>
</section>
<section class="k4">
    <div>
        <img src="首页/images/center06.png" alt="">
        <div>VR眼睛</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/T1NSJ_BQLv1RXrhCrK.jpg" alt="">
        <div>便携数据线</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<section class="k42">
    <div>
        <img src="首页/images/T1ykA_By__1RXrhCrK.jpg" alt="">
        <div>小米耳机 青春版</div>
        <div class="jiage"><sup>￥</sup>59</div>
    </div>
    <div>
        <img src="首页/images/center05.png" alt="">
        <div>彩虹5号电池</div>
        <div class="jiage"><sup>￥</sup>9.9</div>
    </div>
</section>
<!--电视配件-->
<section class="pzsh" id="pzsh">
    <div>电视配件</div>
    <img src="首页/images/phone14.jpg" alt="">
    <div><span>小米电视盒子</span>
        <span><sup>￥</sup>219</span></div>
    <div>百台轮播 千影随心</div>
</section>
<section class="k3">
    <div class="ct">
        <img src="首页/images/phone12.jpg" alt="">
        <div class="spjs">
            <h4>小米电视2</h4>
            <span>室内 净化 美观</span>
            <span><sup>￥</sup>4430</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/phone13.jpg" alt="">
        <div class="spjs">
            <h4>小米电视3</h4>
            <span>高度避震 轻便 折叠</span>
            <span><sup>￥</sup>6889</span>
        </div>
    </div>
</section>
<!--爱宝宝-->
<section class="pzsh" id="pzsh">
    <div>爱宝宝</div>
</section>
</section>
<section class="k3">
    <div class="ct">
        <img src="首页/images/air.jpg" alt="">
        <div class="spjs">
            <h4>小米净化器</h4>
            <span>室内 净化 美观</span>
            <span><sup>￥</sup>430</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/4d44e791-4ed2-adba-404b-333b46762490.jpg" alt="">
        <div class="spjs">
            <h4>米兔</h4>
            <span>轻便 折叠 柔软</span>
            <span><sup>￥</sup>49</span>
        </div>
    </div>
</section>
<section class="k3">
    <div class="ct">
        <img src="首页/images/9d2682f2-ecd5-3859-a9f4-e389871b2136.jpg" alt="">
        <div class="spjs">
            <h4>米兔</h4>
            <span>室内 净化 美观</span>
            <span><sup>￥</sup>39</span>
        </div>
    </div>
    <div class="sh">
        <img src="首页/images/4879ccb8-4fbe-25a4-332d-c0e68d96cb75.jpg" alt="">
        <div class="spjs">
            <h4>变形金刚</h4>
            <span>轻便 折叠 益智 柔软</span>
            <span><sup>￥</sup>49</span>
        </div>
    </div>
</section>
<section class="pzsh zuihou" id="pzsh">
    <img src="首页/images/by1.jpg" alt="">
    <div><span>小米单车</span>
        <span><sup>￥</sup>419</span></div>
    <div>学步必备 方便折叠</div>
</section>


<!--回顶球-->
<section class="hdq">
    <a href="#"><img src="首页0/top_1a2bcd9.png" alt=""></a>
</section>


<!--页脚-->
<footer>
<nav>
    
        <a href="#" >
            <div class="tpjl icon1"></div>
            <div>首页</div>
        </a>
        <a href="分类.html" >
            <div class="tpjl icon2"></div>
            <div>分类</div>
        </a>
        <a href="购物车.html" >
            <div class="tpjl icon3"></div>
            <div>购物车</div>
        </a>
        <a href="我的.html" >
            <div class="tpjl icon4"></div>
            <div>我的</div>
     
    </div>
</nav>
</footer>

<!--<iframe name="right" frameborder="0"></iframe>-->


<script src="bootstrap/js/jquery-3.1.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>